<!DOCTYPE html>
<html lang ="en">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="style2.css">
    <title>打地鼠</title>
</head>
<body>
    <h1>Whac-a-mole</h1>
    <h2>Test your skill.How much boxes(moles) can you check(hit) in 30 seconds?</h2>
    <div id = "head">
    <button id = "start">Start Game|Stop Game</button><div id = s1> Time: <input id ="Time" disabled="disabled"/></div><br/> 
    <input id = "over" disabled="disabled"> <div id =s2> Score: <input id ="Score" disabled="disabled"/></div>
    </div>
    <script src = "2.js" ></script>
    <div id = "main">
     <input class = "mole" value="0" onclick = "hit(1)" type="radio" id="1"/>
     <input class = "mole" value="0" onclick = "hit(2)" type="radio" id="2"/>
     <input class = "mole" value="0" onclick = "hit(3)" type="radio" id="3"/>
     <input class = "mole" value="0" onclick = "hit(4)" type="radio" id="4"/>
     <input class = "mole" value="0" onclick = "hit(5)" type="radio" id="5"/>
     <input class = "mole" value="0" onclick = "hit(6)" type="radio" id="6"/>
     <input class = "mole" value="0" onclick = "hit(7)" type="radio" id="7"/>
     <input class = "mole" value="0" onclick = "hit(8)" type="radio" id="8"/>
     <input class = "mole" value="0" onclick = "hit(9)" type="radio" id="9"/>
     <input class = "mole" value="0" onclick = "hit(10)" type="radio" id="10"/><br/>
     <input class = "mole" value="0" onclick = "hit(11)" type="radio" id="11"/>
     <input class = "mole" value="0" onclick = "hit(12)" type="radio" id="12"/>
     <input class = "mole" value="0" onclick = "hit(13)" type="radio" id="13"/>
     <input class = "mole" value="0" onclick = "hit(14)" type="radio" id="14"/>
     <input class = "mole" value="0" onclick = "hit(15)" type="radio" id="15"/>
     <input class = "mole" value="0" onclick = "hit(16)" type="radio" id="16"/>
     <input class = "mole" value="0" onclick = "hit(17)" type="radio" id="17"/>
     <input class = "mole" value="0" onclick = "hit(18)" type="radio" id="18"/>
     <input class = "mole" value="0" onclick = "hit(19)" type="radio" id="19"/>
     <input class = "mole" value="0" onclick = "hit(20)" type="radio" id="20"/><br/>
     <input class = "mole" value="0" onclick = "hit(21)" type="radio" id="21"/>
     <input class = "mole" value="0" onclick = "hit(22)" type="radio" id="22"/>
     <input class = "mole" value="0" onclick = "hit(23)" type="radio" id="23"/>
     <input class = "mole" value="0" onclick = "hit(24)" type="radio" id="24"/>
     <input class = "mole" value="0" onclick = "hit(25)" type="radio" id="25"/>
     <input class = "mole" value="0" onclick = "hit(26)" type="radio" id="26"/>
     <input class = "mole" value="0" onclick = "hit(27)" type="radio" id="27"/>
     <input class = "mole" value="0" onclick = "hit(28)" type="radio" id="28"/>
     <input class = "mole" value="0" onclick = "hit(29)" type="radio" id="29"/>
     <input class = "mole" value="0" onclick = "hit(30)" type="radio" id="30"/><br/>
     <input class = "mole" value="0" onclick = "hit(31)" type="radio" id="31"/>
     <input class = "mole" value="0" onclick = "hit(32)" type="radio" id="32"/>
     <input class = "mole" value="0" onclick = "hit(33)" type="radio" id="33"/>
     <input class = "mole" value="0" onclick = "hit(34)" type="radio" id="34"/>
     <input class = "mole" value="0" onclick = "hit(35)" type="radio" id="35"/>
     <input class = "mole" value="0" onclick = "hit(36)" type="radio" id="36"/>
     <input class = "mole" value="0" onclick = "hit(37)" type="radio" id="37"/>
     <input class = "mole" value="0" onclick = "hit(38)" type="radio" id="38"/>
     <input class = "mole" value="0" onclick = "hit(39)" type="radio" id="39"/>
     <input class = "mole" value="0" onclick = "hit(40)" type="radio" id="40"/><br/>
     <input class = "mole" value="0" onclick = "hit(41)" type="radio" id="41"/>
     <input class = "mole" value="0" onclick = "hit(42)" type="radio" id="42"/>
     <input class = "mole" value="0" onclick = "hit(43)" type="radio" id="43"/>
     <input class = "mole" value="0" onclick = "hit(44)" type="radio" id="44"/>
     <input class = "mole" value="0" onclick = "hit(45)" type="radio" id="45"/>
     <input class = "mole" value="0" onclick = "hit(46)" type="radio" id="46"/>
     <input class = "mole" value="0" onclick = "hit(47)" type="radio" id="47"/>
     <input class = "mole" value="0" onclick = "hit(48)" type="radio" id="48"/>
     <input class = "mole" value="0" onclick = "hit(49)" type="radio" id="49"/>
     <input class = "mole" value="0" onclick = "hit(50)" type="radio" id="50"/><br/>
     <input class = "mole" value="0" onclick = "hit(51)" type="radio" id="51"/>
     <input class = "mole" value="0" onclick = "hit(52)" type="radio" id="52"/>
     <input class = "mole" value="0" onclick = "hit(53)" type="radio" id="53"/>
     <input class = "mole" value="0" onclick = "hit(54)" type="radio" id="54"/>
     <input class = "mole" value="0" onclick = "hit(55)" type="radio" id="55"/>
     <input class = "mole" value="0" onclick = "hit(56)" type="radio" id="56"/>
     <input class = "mole" value="0" onclick = "hit(57)" type="radio" id="57"/>
     <input class = "mole" value="0" onclick = "hit(58)" type="radio" id="58"/>
     <input class = "mole" value="0" onclick = "hit(59)" type="radio" id="59"/>
     <input class = "mole" value="0" onclick = "hit(60)" type="radio" id="60"/>
    </div>
    <div id = "ins">
    <h3>Instructions:</h3>
    <p>1.Click on the radio buttons(moles) as they are selected randomly by the computer</p>
    <p>2.1 point per hit,minus 1 point per miss</p>
    </div>    
</body>
</html>